<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/jstl/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/jstl/fn.tld" prefix="fn" %>
<%@ taglib uri="/WEB-INF/jstl/fmt.tld" prefix="fmt" %>
<%
	String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html lang="zh-CN">
  <head>
   <base href="<%=basePath%>">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>图书修改</title>
	
	<link rel="stylesheet" type="text/css" href="<%=basePath%>assets/bootstrap/css/resetPro.css">
	<link href="<%=basePath%>assets/bootstrap/css/bootstrap-combined.min.css" rel="stylesheet">
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery-ui.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery.htmlClean.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/ckeditor/ckeditor.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/ckeditor/config.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basePath%>assets/bootstrap/Font-Awesome-3.2.1/css/font-awesome.min.css">
    <link rel="stylesheet" href="<%=basePath%>assets/onedate/css/BeatPicker.min.css"/>
    <script src="<%=basePath%>assets/onedate/js/BeatPicker.min.js"></script>
    <script src="<%=basePath%>assets/onedate/documents/js/prism.js"></script>
	
	<style type="text/css">
		a:hover{
			text-decoration: none!important;
		}
		.pzSpanClass{
		 	margin: 0 15px;
		}
		.pzClass{
			width:55px;
			height:25px;
		}
		.cheSpan{
				display: inline-block!important;
				min-width: 25px;
			}
		.keyinput{
			margin-bottom: 0px!important;
			height: 30px!important;
		}
		.datatable th, .datatable td{
		text-align:center!important;
		vertical-align:middle!important;
		}
		.foottable{
			border-top-width:0px!important;
			margin-top: -21px!important;
		}
		 .oneinput{
			margin-bottom: 0px!important;
			height: 30px!important;
		} 
		.onediv{
			/* width: 290px; */
			margin: 0px auto;
			margin-top:22px;
			}
		.toStrong{
			font-weight:700;
		}
	</style>
  </head>
<body>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<!-- 页面导航 -->
			<%@include file="../shared/pageTitle.jsp"%>
			
			<!-- 页面信息 -->
		  <div class="alert">
				 <button type="button" class="close" data-dismiss="alert">×</button>
				<h4>
				信息!
				</h4> <strong>(～￣▽￣)～*!</strong> 这里是商品信息查看页面.
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span7">
			<div class="onediv">
		   <div class="hero-unit">
    	   <h3 class="form-signin-heading text-center"><span class="icon-bookmark z5 "></span>商品完整信息</h3>
		        <div class="control-group">
		        		<span class="z5">商品编号</span>:
		        		<span class="z5  toStrong">${oneGoods.id}</span>
		        </div>
		      	<div class="control-group">
	        		<span class="z5">商品名称</span>:
	        		<span class="z5 toStrong">${oneGoods.name}</span>
	       		 </div>
	       		 <div class="control-group">
	        		<span class="z5">商品单价</span>:
	        		<span class="z5 toStrong">${oneGoods.price}&nbsp;(￥)</span>
	       		 </div>
	       		 <div class="control-group">
	        		<span class="z5">商品库存</span>:
	        		<span class="z5  toStrong">${oneGoods.num}&nbsp;(件)</span>
	       		 </div>
	        	 <div class="control-group">
	        		<span class="z5">商品类型</span>:
	        		<span class="z5 toStrong">${oneGoods.type}</span>
	            </div>
			<div class="control-group">
	        		<span class="z5">商品品牌</span>:
	        		<span class="z5 toStrong">${oneGoods.brand}</span>
	        </div>
	       <div class="control-group">
	        		<span class="z5">商品产地</span>:
	        		<span class="z5 toStrong">${oneGoods.origin}</span>
	        </div>
	        <div class="control-group">
	        		<span class="z5">上架日期</span>:
	        		<span class="z5  toStrong"><fmt:formatDate pattern="yyyy-MM-dd" value="${oneGoods.shelveDate}" /></span>
	        </div>
	        <div class="control-group">
	        		<span class="z5 ">商品广告</span>:<span class="z5 toStrong">${oneGoods.msg}</span>
	        </div>
	        <div class="control-group">
	        <span class="z5">商品状态</span>:
	        <span class="z5 toStrong">${oneGoods.state eq 1 ? "在售" : (oneGoods.state eq 0 ?"下架" :"停产" )}<!-- 0下架，1在售--></span>
			</div>
		     <div class="control-group">
	        		<span class="z5">商品简介</span>:
	        		<p class="z5  toStrong">&nbsp;&nbsp;&nbsp;&nbsp;
	        			${oneGoods.desc}
	        		</p>
	        </div>  
			
		</div>
		</div>
		</div>
		<div class="span5">
			<div class="hero-unit onediv">
					   <c:choose>
					  		<c:when test="${empty oneGoods.img}">
					  			<img src="<%=basePath%>assets/goodsimg/404.ico"  alt="${oneGoods.img}" width="50px" alt="封面不存在"/>
							</c:when>
							<c:otherwise>
								<img src="<%=basePath%>assets/goodsimg/${oneGoods.img}"  alt="${oneGoods.img}"/>
							</c:otherwise>
						</c:choose> 
		
		</div>
	</div>
	</div>
</div>
</body>
</html>
